<template>
<div v-transfer-dom>
	<popup v-model="showdl" position="right" width="100%">
		<div class="submit" >
			<p  @click='back()' style="width:20%"><x-icon type="ios-arrow-thin-left" size="75"></x-icon></p>
			<div>
				<group>
			      <x-input is-type="china-name" name="username" placeholder="请输入姓名" title="姓名"></x-input>
			  	</group>
			 
			    <group>
			      <x-input is-type="china-mobile" keyboard="number" name="mobile" placeholder="请输入手机号码" title="手机号码">
			      	 <x-button slot="right" type="primary">发送验证码</x-button>
			      </x-input>
			    </group>
			 	<group class="weui_cells_form">
			      <x-input class="weui_vcode" title="验证码">
			      </x-input>
			    </group>
			    <group>
			      <x-input is-type="email" name="email" placeholder="请输入邮箱地址" title="邮箱"></x-input>
			    </group>
			    <div @click='submitform()' class="zhuce">
			    	<x-button type="primary">注册</x-button>
			    </div>
			</div>
		</div>
	</popup>
</div>
</template>
<script>
import {TransferDom,Popup,Group,Cell,XInput,XButton} from 'vux';
	export default {
		directives: {
    		TransferDom
  		},
		components:{
			Popup,
			Group,
			Cell,
			XInput,
			XButton
		},
		data(){
			return {
				password: '123465'
			}
		},
		methods:{
			back(){
				this.$store.commit('showdlpage');
			},
			submitform(){
				
			}
		},
		computed:{
			showdl(){
				return this.$store.state.dlsta;
			}
		}
	}
</script>
<style>
.send .weui-btn_primary,.send .weui-btn_default{
	height: 0.933333rem;
	width: 80%;
	margin-top: 0.533333rem;
	font-size: 0.48rem;
	line-height: 0.93rem;
}
.submit{
		width: 100%;
		z-index: 999;
		background: white;
		height: 100%;
	}
.submit	.weui-cells {
	font-size: 0.533333rem;
}
.zhuce .weui-btn_primary{
		height: 0.933333rem;
		width: 30%;
		margin-top: 0.533333rem;
		font-size: 0.48rem;
		line-height: 0.93rem;
	}
</style>